//默认使用1920*1080 转换为vw vh
@mixin vw($args) {
  font-size: ($args/1920) * 100vw;
}

@mixin vh($args) {
  font-size: ($args/1080) * 100vh;
}

@mixin vwh($args) {
  height: ($args / 1920) * 100vw;
}

@mixin vww($args) {
  width: ($args / 1080) * 100vw;
}

@function px2vw($argus) {
  @return ($argus / 1920) * 100vw;
}

@function px2vh($argus) {
  @return ($argus / 1080) * 100vh;
}
//公共属性
.flex {
  display: flex;
  overflow: hidden;
}
.column {
  flex-direction: column;
}
.flex-center{
  display: flex;
  align-items: center;
  justify-content: center;
}
.teneur{
  flex:5;
  //padding: px2vh(15);
  //border:1px solid red;
}
.content_title{
  flex:.3;
  //font-weight: 800;
  padding:px2vh(10) px2vw(15);
}
.content_cn{
  //border:1px solid red;
  letter-spacing:px2vw(5);
  text-shadow: 0 0 10px #0096ff,0 0 20px #0096ff,0 0 30px #0096ff,0 0 40px #0096ff;

}
.content_eng{
  //border:1px solid red;
  margin-left: px2vw(20);
  color:grey;
  font-size: x-small;
}
.content_title_bg{
  //border: 1px solid blue;
  padding: px2vh(2);
  background: url("~@/assets/image/线条.png") no-repeat center;
  background-size: 100% 100%;
  margin-left: px2vw(8);
}
.content_title_r{
  flex:.3;
  //border:1px solid blue;
  //background: url("@/assets/image/中间题目标题背景.png") no-repeat center;
  background-size: 100% 100%;
  //font-weight: 800;
  padding:px2vh(10) px2vw(15);
}
